import { Tabs, Typography } from "@arco-design/web-react";
import "./index.less";
import BasicSetting from "@/components/BasicSetting";
import SecuritySetting from "@/components/SecuritySetting";
const TabPane = Tabs.TabPane;

export default () => {
  return (
    <div className="settingsPage">
      <Tabs
        destroyOnHide
        tabPosition="left"
        size="large"
        animation={true}
        onClickTab={(key: string) => {
          console.log(key);
        }}
      >
        <TabPane key="1" title="基本设置" style={{ padding: "10px" }}>
          <BasicSetting />
        </TabPane>
        <TabPane key="2" title="安全设置" style={{ padding: "10px" }}>
          <SecuritySetting />
        </TabPane>
      </Tabs>
    </div>
  );
};
